<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title>我要发布-求购</title>
	    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	    <meta content="yes" name="apple-mobile-web-app-capable"/>
	    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	    <meta content="telephone=no" name="format-detection"/>
	    <!-- 引入核心样式 -->
		<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	    <!--当前页面的css-->   
	    <link href="css/mePublics.css" rel="stylesheet">
		<!-- 引入核心JS -->
		<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/city-picker.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

		<!-- mobileSelect 弹框 -->
		<link rel="stylesheet" type="text/css" href="../plugins/mobileSelect/mobileSelect.css">
		<script src="../plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
	</head>
	<body>
	<div id="app">
		<form action="" method="post">
			<ul class="joinMain">
				<li class="clearfix">
					<div class="left-text">
						产品名：
					</div>
					<div class="right-input">
						<input type="text" class="join-input" placeholder="请输入产品名" v-model="name"/>
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						分站：
					</div>
					<div class="right-inputs">
						<input type="text"  class="join-inputs" id="city-picker"  placeholder="请选择分站" readonly v-model="substation"/>
						<img src="http://pa6xzs40h.bkt.clouddn.com/index/recruit2.png" alt="">
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						联系人：
					</div>
					<div class="right-input">
						<input type="text" class="join-input" placeholder="请输入联系人" v-model="contacts"/>
					</div>
				</li>
				<li class="clearfix">
					<div class="left-text">
						联系方式：
					</div>
					<div class="right-input">
						<input type="number" class="join-input" placeholder="请输入联系方式" v-model="phone"/>
					</div>
				</li>
				<div class="joinDescribe clearfix">
					<div class="left-text">
						<span>产品类型：</span>
						<p>（勾选）</p>
					</div>
					<div class="joinTextarea right-checkboxs">
						<div class="right-checkbox" v-for="(item,index) in typeData">
							<div><input type="radio" id="checkboxs" class="join-checkbox" v-model="type" :value="item.name" /></div><span>{{item.name}}</span>
						</div>
					</div>
				</div>
				<li class="clearfix">
					<div class="left-text">
						求购数量：
					</div>
					<div class="right-input">
						<input type="number" id="join-name" class="join-input" value="" placeholder="请输入求购数量" v-model="number"/>
					</div>
				</li>
				<div class="joinDescribes clearfix">
					<div class="left-text">
						<span>具体描述：</span>	
						<p>(最多200字)</p>
					</div>
					<div class="joinTextarea">
							<textarea  placeholder="请输入具体描述" class="textareas" maxlength="200" v-model="describe"></textarea>
					</div>
				</div>
				<div class="joinDescribes clearfix">
					<div class="left-text">
						<span>公司介绍：</span>	
						<p>(最多200字)</p>
					</div>
					<div class="joinTextarea">
							<textarea  placeholder="请输入公司简介" class="textareas" maxlength="200" v-model="introduce"></textarea>
					</div>
				</div>
			</ul>
			<div class="joinDescribe" style="padding-bottom:0px;height: auto;border: 0; margin-bottom: 1.5rem;">
				<div class="left-text">
					<span>样品上传：</span>	
					<p>（请上传1-5张多角度设备图）</p>
				</div>
				<div class="img-warp">
					<div class="imgs-box">
						<ul class="clearfix">
							<div class="ins">
								<li v-for="(item,index) of imglist">
									<img :src="item" class="img">
									<img @click="delPicture(index,item,1)" src="http://appimg.yinsoso.com/me/del.png" class="upload_warp_img_div_del">
								</li>
									<!-- <li></li> 用来生成图片-->
							</div> 
							<li class="imgs-last"  v-if="isAllowUpload">
								<span class="add-icon"></span>
								<input type="file" @change="uploadImgs" id="addFileId1" />
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="join-flex">
				<a href="javascript:;" id="joinBtn" @click="submit">提交</a>
			</div>
		</form>
	</div>


	<script src="js/meBuy.js"></script>
	</body>
</html>
